<template>
  <a-modal v-bind:visible="isShowClient" width="60%" title="操作" @ok="handleOk" @cancel="onCancel">
    <div>
      <a-tabs default-active-key="1">
        <a-tab-pane key="1" tab="托管列表">
          <a-spin :spinning="loadingone">
            <a-table bordered :columns="columnsone" :data-source="tableDataone" :pagination="false"> </a-table>
          </a-spin>
        </a-tab-pane>
        <a-tab-pane key="2" tab="中介列表">
          <a-spin :spinning="loadingtwo">
            <a-table bordered :columns="columnstwo" :data-source="tableDatatwo" :pagination="false"> </a-table>
          </a-spin>
        </a-tab-pane>
      </a-tabs>
    </div>
  </a-modal>
</template>

<script>
export default {
  name: 'ProxiesClient',
  props: {
    isShowClient: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      loadingone: false,
      loadingtwo: false,
      columnsone: [
        {
          title: '注册时间',
          dataIndex: '',
          align: 'center'
        },
        {
          title: '姓名',
          dataIndex: '',
          align: 'center'
        },
        {
          title: '手机号',
          dataIndex: '',
          align: 'center'
        },
        {
          title: '等级',
          dataIndex: '',
          align: 'center'
        },
        {
          title: '操作',
          dataIndex: '',
          align: 'center'
        }
      ],
      tableDataone: [],
      columnstwo: [
        {
          title: '注册时间',
          dataIndex: '',
          align: 'center'
        },
        {
          title: '姓名',
          dataIndex: '',
          align: 'center'
        },
        {
          title: '手机号',
          dataIndex: '',
          align: 'center'
        },
        {
          title: '等级',
          dataIndex: '',
          align: 'center'
        },
        {
          title: '操作',
          dataIndex: '',
          align: 'center'
        }
      ],
      tableDatatwo: []
    }
  },
  methods: {
    handleOk() {
      this.$emit('update:isShowClient', false)
    },
    onCancel() {
      this.$emit('update:isShowClient', false)
    }
  }
}
</script>

<style lang="less" scoped></style>
